/*轮播图*/
/*这里要改一下div层的高度和宽度（要用绝对值，不要用百分比），因为轮播图是放在特定的div层里好固定轮播图的位置，使它不会错位*/
.Slide{
    margin-top: 50px;
    font-size: 12px;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background: #b9b9b9;
}
.Slide .lbotu{
    text-align: center;
}
/*这里要更改下margin-left，总之使之居中*/
.Slide ul{
    position:relative;
    width:80%;
    height:30%;
    margin-left:50px; 
}
/*这里要更改一下top和left，调整最中间图片的位置*/
.Slide li{
    position:absolute;
    list-style:none;
    background:#000;
    top:60px;
    left:250px;
    z-index:0;
    cursor:pointer;
    border-radius:3px;
}
.Slide li img{
    width:100%;
    height:100%;
    vertical-align:middle;
}
.Slide section{ 
    color: #00FFFF; 
    border-width: 1px; 
    border-style: solid; 
}

/*这里是控制向前向后的点击键*/
.Slide section:nth-child(1), .Slide section:nth-child(2){ 
    position: absolute; 
    top: 40%; 
    width: 70px; 
    height: 40px; 
    margin-top: -20px; 
    cursor: pointer; 
    line-height: 40px; 
    padding-left: 12px; 
    padding-right: 12px; 
}
.Slide section:nth-child(1){
    left:10px;
}
.Slide section:nth-child(2){
    right:10px;  
}
